<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>函数的参数</title>
</head>
<body>
    <script>
        //  形参
        //  实参
        //   参数的作用 ： 在函数内部某些值不能固定，我们可以通过参数在 调用函数时传递 不同的值进去
        //  1 我们可以利用函数的参数实现函数重复不同的代码
        // function 函数名(形参1，形参2，...){  // 在声明函数的小括号里面是  形参  （形式上的参数）

        // }
        // 函数名(实参1，实参2，...);  // 在函数调用的小括号里面是实参（实际的参数）
        //  2 形参和实参的执行过程
        function cook (aru){  //形参是接受实参的  aru = '酸辣土豆丝' ，形参类似于一个变量 只不过不用声明
            console.log(aru);
        }
        cook('酸辣土豆丝');
        cook('大肘子');
        // 函数的参数可有可无 有的话个数不限

        // 3 函数形参与实参个数不匹配的问题
        function getSum(num1,num2){
            console.log(num1 + num2);
        }
        //  1 如果实参的个数和形参个数一致 则正常输出结果
        getSum(1,2);
        //  2 如果实参的个数多于形参  有几个形参就取几个
        getSum(1,2,3);
        //  3 如果实参的个数少于形参 
        //  形参可以是看作不用声明的变量， num2 是一个变量 但是没有接受值 多的形参定为 undefined 结果是NaN
        getSum(1); // NaN
        //  建议  我们尽量让实参与形参的个数相匹配
    </script>


                                 <!-- 
                                     函数的参数小结
                                              函数可以带参数也可以不带
                                              声明函数的时候，函数名括号里面的是形参，形参的默认值为 undefined
                                              调用函数的时候 函数名括号里面的是实参
                                              多个参数之间用逗号隔开
                                              形参的个数可以和实参个数不匹配，但是结果不可预计，我们尽量匹配
                                -->
</body>
</html>